<template>
  <div class="hdgl-edit-step-4">
    <!--        进度文案-->
    <a-form-model
      ref="form"
      :model="model"
      labelAlign="right"
      :label-col="labelCol"
      :wrapper-col="wrapperCol">
      <div>
        <div class="d-aic">
          <div class="tab-title" >
            推送给助力者
          </div>
        </div>
        <div>
          <a-form-model-item>
            <wx-reply-editor-wrap
              v-model="model.msgHelp"
              title="成功助力好友推送文案"
              :menus="['user', 'team', 'link']"
              tips="当用户B给用户A助力时，用户B收到的企业微信号推送文案"
              sampleCopyType="pushJoin"/>
          </a-form-model-item>
        </div>
      </div>
    </a-form-model>
  </div>
</template>

<script>
  import WxReplyEditorWrap from './wx-reply-editor-wrap'

  export default {
    name: 'HdglEditStep4',
    components: { WxReplyEditorWrap },
    props: {
      model: {
        type: Object,
        default: () => {
        }
      }
    },
    data () {
      return {
        labelCol: { span: 2 },
        wrapperCol: { span: 14 },
        activeKey: 'A'
      }
    },
    computed: {
      splitButton () {
        const btnList = []
        for (let i = 0; i < this.rules.length; i++) {
          let numCn = null
          if (i + 1 === 1) {
            numCn = '一'
          }
          if (i + 1 === 2) {
            numCn = '二'
          }
          if (i + 1 === 3) {
            numCn = '三'
          }
          btnList.push({ name: numCn + '阶任务目标人数', value: this.rules[i].target })
        }
        return { name: 'taskTargetNum', btnList: btnList }
      }
    },
    methods: {
      check () {

      }
    }
  }
</script>

<style scoped lang="less">
  .tab-title {
    margin-right: 15px;
    color: #595959;
    font-size: 14px;
    cursor: pointer;

    &.active {
      color: #2493FC;
    }
  }
</style>
